view,
	swiper,
	swiper-item {
		box-sizing: border-box;
	}

	page {
		background: rgba(244, 249, 253, 1);
	}

	.pageBg {
		// background:
		// 	linear-gradient(to bottom, transparent, rgba(244, 249, 253, 1) 400rpx),
		// 	linear-gradient(to right, #beecd8 20%, #F4E2D8);
		background:
			linear-gradient(to bottom, transparent, rgba(244, 249, 253, 1) 600rpx),
			linear-gradient(to right, #51A9FB 20%, #A4D8FC);
		min-height: 100vh;
		overflow: hidden;
	}
	/* 固定按钮容器 */
	.fixed-button {
	  position: fixed;
	  bottom: 60px; /* 距离底部的距离 */
	  right: 10px; /* 距离右侧的距离 */
	  z-index: 999; /* 确保按钮在最上层 */
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
	
	/* 按钮样式 */
	.glow-button {
	  cursor: pointer;
	  font-size: 24px;
	  border-radius: 50%; /* 使其成为圆形 */
	  box-shadow: 0 0 0 0 rgba(90,173,251, 0.5); /* 初始化外发光效果 */
	  transition: box-shadow 0.3s ease-in-out; /* 动画过渡 */
	}
	
	/* 流光效果 */
	.glow-button:hover,
	.glow-button:focus {
	  box-shadow: 0 0 10px 10px rgba(90,173,251, 0.5); /* 鼠标悬停或聚焦时增强外发光效果 */
	}
	
	/* 动态流光效果（使用CSS动画） */
	@keyframes glow {
	  0% {
	    box-shadow: 0 0 0 0 rgba(90,173,251, 0.5);
	  }
	  50% {
	    box-shadow: 0 0 10px 10px rgba(90,173,251, 0.8);
	  }
	  100% {
	    box-shadow: 0 0 0 0 rgba(90,173,251, 0.5);
	  }
	}
	/* 应用动画 */
	.glow-button.animate {
	  animation: glow 1s infinite; /* 动画持续时间和无限循环 */
	}
	.button {
		margin-top: 20rpx;
		line-height: 85rpx;
		text-align: center;
		background: linear-gradient(to right, #51A9FB, #A4D8FC);
		border-radius: 40rpx;
		color: #fff;
		margin-top: 40rpx;
	}
	.popupBg{
		width: 690rpx;
		height: 70vh;
		overflow-y: scroll;
		margin: 20rpx auto;
		// padding: 20rpx 40rpx;
		// box-shadow: 0 0 30rpx rgba(0, 0, 0, 0.05);
		border-radius: 16rpx;
		background: rgba(255, 255, 255, 0.9);
	}
	.cardBg {
		width: 690rpx;
		padding: 20rpx 40rpx;
		margin: 20rpx auto;
		// box-shadow: 0 0 30rpx rgba(0, 0, 0, 0.05);
		border-radius: 16rpx;
		background: rgba(255, 255, 255, 0.9);
		border: 1px solid rgba(255, 255, 255, 1);
	}